{% extends "../_base/layout.html" %} 
{% block css %}
<link rel="stylesheet" href="{{site.static}}/css/personal_assign.css"> 
{%endblock%}
{% block js %}
<script src="{{site.static}}/js/personal/assign.js"></script>
{%endblock%}
{% block content %} 
    {% block header%}
    {% set pageHeaderConf = {pageTitle:__("assign_page_title"),level:2} %} 
    {% include "../_base/page_header.html" %} 
    {% endblock %}
<div class="eui-main-container eui--padding-b-0 assign-main-container">
	<div class="eui-calendar eui--margin-t-20 eui--white-bacg">
		<div class="eui-calendar-header">
			<span class="eui--cursor-pointer"></span>
			<span class="eui--text-center">
				<div class="calendar-year-wrap eui--display-i-b"><span class="calendar-year" id="calendar_year"></span> {{__("year")}}</div>
				<div class="calendar-month-wrap eui--display-i-b"><span class="calendar-month" id="calendar_month"></span>{{__("month")}}</div>							
			</span>
			<span class="eui--cursor-pointer"></span>																
		</div>
		<div class="eui-calendar-body">
							
			<table class="eui-calendar-table eui--width-100" id="eui_calendar">
				<thead>
					<tr>
						<th>日</th>
						<th>一</th>
						<th>二</th>
						<th>三</th>
						<th>四</th>
						<th>五</th>
						<th>六</th>					
					</tr>
				</thead>
				<tbody class="eui-calendar-body" id="eui_calendar_body">					
				</tbody>
			</table>
		</div>
		<div class="eui-calendar-footer">
			<div class="eui-bar-tab index-bar-tab eui--white-bacg">
				<a href="javascript:;" class="eui-tab-item eui--black-color">
					<span class="eui-icon eui-icon-assign-reward_got"></span>
					<p class="eui-tab-label active"><span class="eui-icon eui-icon-leaf_active"></span> 15</p>
					<p class="eui-tab-label">{{__("assign_continuous_3")}}</p>					
				</a>
				<a href="javascript:;" class="eui-tab-item eui--black-color">
					<span class="eui-icon eui-icon-assign-reward_active"></span>
					<p class="eui-tab-label active"><span class="eui-icon eui-icon-leaf_active"></span> 7</p>
					<p class="eui-tab-label">{{__("assign_continuous_7")}}</p>					
				</a>
				<a href="javascript:;" class="eui-tab-item eui--black-color">
					<span class="eui-icon eui-icon-assign-reward_grey"></span>
					<p class="eui-tab-label"><span class="eui-icon eui-icon-leaf_grey"></span> 50</p>
					<p class="eui-tab-label">{{__("assign_continuous_15")}}</p>					
				</a>
				<a href="javascript:;" class="eui-tab-item eui--black-color">
					<span class="eui-icon eui-icon-assign-reward_grey"></span>
					<p class="eui-tab-label"><span class="eui-icon eui-icon-leaf_grey"></span> 85</p>
					<p class="eui-tab-label">{{__("assign_continuous_25")}}</p>					
				</a>
			</div>
		</div>
	</div>
	<div class="eui-bar-nav eui--white-bacg eui--position-rel eui--margin-y-20">
        <p class="eui-bar-item">
			<span class="eui-icon eui-icon-help_blue"></span>
			<span class="eui-bar-label eui--font-26">
				{{__("assign_desc")}}
			</span>
		</p>
        <a href="javascript:;" class="eui-btn eui-btn-primary">{{__("btn_earn_points")}}</a>
    </div>
	<div class="eui-assign-card eui--font-26">
		<div class="eui-card-item first-child">
			<span class="eui-icon eui-icon-vip"></span>
			<span class="eui-card-label">{{__("assign_vip_priviege")}}</span>			
		</div>
		<div class="eui-card-item second-child">
			<span class="eui-icon eui-icon-help_yellow"></span>
			<span class="eui-card-label">{{__("assign_retroactive_desc")}}</span>			
			<a href="javascript:;" class="eui-btn eui-btn-vip eui--pull-right">{{__("btn_retroactive")}}</a>
		</div>
	</div>
	 <div class="eui-card eui-guess-u-like-card eui--white-bacg">
		 <span class="eui-icon eui-icon-arrow_right"></span>		
        <div class="eui-card-header">
            {{__("integral_card_title")}}            
        </div>
        <div class="eui-card-content">
            {% block guessULike%}
            {% include "../common/guess_u_like.html" %} 
            {% endblock %}  
        </div>
    </div> 
</div>
{% endblock %}